::-webkit-scrollbar {
    display: none;
}

.title-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0.88rem;
    padding-right: 0.88rem;
}
.title-top-box {
    width: calc((100% - 0.31rem) * 0.5);
    height: 3.93rem;
    position: relative;
}

.title-top-box2 {
    width: calc((100vw - 0.88rem - 0.88rem) * 0.5);
    z-index: 2;
}

.title-bottom-box {
    margin-top: 0.31rem;
    width: calc((100% - 0.62rem) * 0.334);
    height: 3.93rem;
    position: relative;
}

.item-top {
    display: flex;
    position: relative;
    margin-top: 0.75rem;
    z-index: 9;
}
.item-top-bg {
    position: absolute;
    z-index: 0;
}

.item-top-left {
    z-index: 9;
}
.item-label2 {
    display: flex;
    align-items: center;
}

.item-arrow {
    width: 0.31rem;
    height: 0.63rem;
}
.item-top-img {
    width: 3.13rem;
    height: 3.13rem;
}
.p-title {
    font-size: 0.94rem;

    font-weight: bold;
    color: #ffffff;
    line-height: 0.93rem;
    z-index: 2;
    margin-top: 0.94rem;
    margin-left: 0.93rem;
    position: relative;
}

.p-label {
    font-size: 0.63rem;

    font-weight: 400;
    color: #ffffff;
    margin-top: 0.31rem;
    margin-left: 0.93rem;
    position: relative;
    z-index: 2;
}
.bottom-right-img {
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    z-index: 1;
}

.arrowIcon {
    width: 1rem;
    height: 1rem;
    margin-left: 0.31rem;
}

.bgCss0 {
    background: linear-gradient(135deg, #ff8a00 0%, #ffc000 100%);
    height: 5.25rem !important;
    border-radius: 0.5rem !important;
    margin-top: 0.5rem;
    width: calc((100% - 0.44rem) * 0.5) !important;
}
.pCss0 {
    font-size: 0.69rem;
    font-weight: bold ;
    color: #ffe5a6 ;
}
.bgCss1 {
    background: linear-gradient(135deg, #27c483 0%, #38e081 100%);
    height: 5.25rem !important;
    border-radius: 0.5rem !important;
    width: calc((100% - 0.44rem) * 0.5) !important;
    margin-top: 0.5rem;
}
.pCss1 {
    font-size: 0.69rem;
    font-weight: bold ;
    color: #a6ffcf ;
}
.bgCss2 {
    background: linear-gradient(135deg, #f65e3c 0%, #ff9b29 100%);
    height: 5.25rem !important;
    border-radius: 0.5rem !important;
    width: calc((100% - 0.44rem) * 0.5) !important;
    margin-top: 0.5rem;
}
.pCss2 {
    font-size: 0.69rem;
    font-weight: bold;
    color: #ffd0a6;
}
.bgCss3 {
    background: linear-gradient(315deg, #5eaefe 0%, #1e70fe 100%);
    height: 5.25rem !important;
    border-radius: 0.5rem !important;
    width: calc((100% - 0.44rem) * 0.5) !important;
    margin-top: 0.5rem;
}
.pCss3 {
    font-size: 0.69rem;
    font-weight: bold;
    color: #a6ccff;
}

.bg1Css0 {
    background: #ffffff !important;
    border-radius: 0.31rem;
    border: 0.03rem solid #f0f0f0 !important;
    height: 3.69rem !important;
    margin-top: 0.5rem;
    width: calc((100% - 0.62rem) * 0.33) !important;
}
.p1Css0 {
    margin-left: 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    color: #8c8c8c;
    font-weight: bold;
}

.newTitle1 {
    font-size: 0.88rem;
    font-weight: bold;
    color: #0f0f0f;
    z-index: 2;
    margin-top: 0.75rem;
    margin-left: 0.75rem;
    position: relative;
    display: flex;
    align-items: center;
}

.newTitle2 {
    font-size: 1rem;
    font-weight: bold;
    color: #0f0f0f;
    z-index: 2;
    margin-top: 0.75rem;
    margin-left: 0.75rem;
    position: relative;
    display: flex;
    align-items: center;
}

.newTitle {
    font-size: 1.13rem;
    font-weight: 800;
    color: #ffffff;
    z-index: 2;
    margin-top: 0.75rem;
    margin-left: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 0.19rem;
}

.newSubTitle {
    font-size: 0.69rem;
    font-weight: bold;
    color: #ffffff;
    z-index: 2;
    margin-left: 1rem;
    position: relative;
}

.newSubTitle2 {
    font-size: 0.69rem;
    font-weight: 400;
    color: #666666;
    z-index: 2;
    margin-top: 0.25rem;
    margin-left: 0.75rem;
    position: relative;
}

.newSubTitle3 {
    background: #fff6d8;
    border-radius: 0.31rem;
    padding: 0.13rem 0.38rem;
    font-size: 0.75rem;
    font-weight: bold;
    color: #ffaa00;
    margin-left: 0.75rem;
    margin-top: 0.94rem;
    flex-basis: 4rem;
    max-width: 4rem;
    margin-bottom: 1rem;
}

.bottom-right-img2 {
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    z-index: 1;
    border-radius: 0rem 0rem 0.5rem 0rem;
}

.newBg {
    width: calc(100vw - 1.5rem);
    height: 2.5rem;
    position: absolute;
    top: 0;
    z-index: 1;
}

.arrowIcon2 {
    width: 0.44rem;
    height: 0.63rem;
}

.newLabel {
    position: absolute;
    background: #ff3a33;
    border-radius: 0rem 0.25rem 0rem 0.31rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 0.5rem;
    font-weight: bold;
    color: #ffffff;
    top: 0;
    right: 0;
}

.headDivBox{
    height: 2.38rem;
    background:linear-gradient(0deg, white 0%, white 52%, #fffcf2 100%);
    border-radius: 0.75rem 0.75rem 0rem 0rem;
    border: 0.06rem solid rgb(255, 255, 255);
    font-weight: 600;
    font-size: 1rem;
    color: #222222;
    text-align: left;
    display: flex;
    align-items: end;
    margin-left: 0.75rem;
}

.style7Box{
    display: flex;
    width: calc(100vw - 0.75rem - 0.75rem);
    flex-direction: column;
    position: relative;
}

.style7MainBox{
    display: flex; 
    width: calc(100vw - 0.75rem - 0.75rem);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-top: 1rem;
    padding-bottom: 0.63rem;
}


.style7LeftBox{
    display: flex;
    width: calc((100vw - 0.75rem - 0.75rem) / 2 - 0.065rem);  
    flex-wrap: wrap;  
}

.style7RightBox{
    display: flex;
    width: calc((100vw - 0.75rem - 0.75rem) / 2 - 0.065rem);
    flex-wrap: wrap;
    padding-left: calc(50vw - 1.5rem - 7rem - 1.5rem);
}


.style7Singlebox{
    width: 3.5rem;
    height: 6.62rem;
    display: flex;
    flex-direction: column;
    margin-right: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.style7label{
    font-weight: 600;
    font-size: 0.75rem;
    color: #222222;
    text-align: left;
}

.style7label2{
    font-weight: 400;
    font-size: 0.75rem;
    color: #4D4D4D;
    text-align: center;
}

.style7Icon{
    width: 3.5rem;
    height: 3.5rem;
    background: #F5F5F5;
    border-radius: 0.25rem;
}


.middleLine{
    width: 0.13rem;
    height: 100%;
    border: 0.03rem solid #EDEDED;
}

.labelBox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}